<!DOCTYPE html>
<html lang="zhcn">
<!--
/*
 *
 *  ███████    ██  ▄████▄   ██ ▄█▀        ██████╗ ██╗   ██╗ ██████╗
 * ▓██   ▒ ██  ▓██▒▒██▀ ▀█   ██▄█▒        ██╔══██╗██║   ██║██╔════╝
 * ▒████ ░▓██  ▒██░▒▓█    ▄ ▓███▄░        ██████╔╝██║   ██║██║  ███╗
 * ░██▒  ░▓▓█  ░██░▒▓▓▄ ▄██▒▓██ █▄        ██╔══██╗██║   ██║██║   ██║
 * ░██░   ▒▒█████▓ ▒ ▓███▀ ░▒██▒ █▄       ██████╔╝╚██████╔╝╚██████╔╝
 *  ▒ ░   ░▒▓▒ ▒ ▒ ░ ░▒ ▒  ░▒ ▒▒ ▓▒       ╚═════╝  ╚═════╝  ╚═════╝
 *  ░     ░░▒░ ░ ░   ░  ▒   ░ ░▒ ▒░
 *  ░ ░    ░░░ ░ ░ ░        ░ ░░ ░
 *           ░     ░ ░      ░  ░
 *
 *
 *  HUIB综合交流群：1003084383
 *  HUIB资源分享群：910387038
 *  QQ：2467226497
 *
 */
-->

    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="renderer" content="webkit" />
        <meta name="pagename" content="startup" />
        <title>set</title>
        <link rel="stylesheet" href="css/element.css">
        <link rel="stylesheet" href="css/styles.css?a=18500">
        <script src="js/vue.js"></script>
        <script src="js/element.js"></script>
        <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
    <head>

    <body>
        <div class="set main">
            <div class="header">
                <p>GH ColorSel - 设置中心<li id="close"></li><li id="menu"></li></p>
            </div>

            <div class="set_nav">
                <a href="#Basic" sel>基础设置</a>
                <a href="#Hotkey">热键设置</a>
                <a href="#Advanced">高级设置</a>
            </div>

            <div id="page_set">
                <div class="page_box Basic">
                    <h1 id="Basic">基础设置</h1>
                    <div class="box">
                        <div class="box-text">
                            <p>启动后最小化</p>
                            <p class="tab">打开热键后自动最小化到托盘，不打开主界面</p>
                        </div>
                        <div class="set_switch">
                            <el-switch v-model="Basic.START_MIN" @change="Basic_switch_click(1)"></el-switch>
                        </div>
                    </div>

                    <div class="box">
                        <div class="box-text">
                            <p>窗口置顶</p>
                            <p class="tab">让取色器保持在所有窗口顶部，不受其他窗口所阻挡</p>
                        </div>
                        <div class="set_switch">
                            <el-switch v-model="Basic.TOP_MOST" @change="Basic_switch_click(2)"></el-switch>
                        </div>
                    </div>

                    <div class="box">
                        <div class="box-text">
                            <p>自动清理缓存</p>
                            <p class="tab">自动清理自身的缓存文件，可能会影响软件运行效率</p>
                        </div>
                        <div class="set_switch">
                            <el-switch v-model="Basic.AUTO_CLEAN_CACHE" @change="Basic_switch_click(3)"></el-switch>
                        </div>
                    </div>
                </div>

                <div class="page_box Hotkey">
                    <h1 id="Hotkey">热键设置</h1>
                    <div class="box">
                        <div class="box-text">
                            <p>进入取色模式</p>
                            <p class="tab">按下热键后可快速进入取色模式获取屏幕中的颜色</p>
                        </div>

                        <div class="set_input">
                            <el-input v-model="Hotkey.input_1" placeholder="请按下热键" disabled="true"></el-input>
                        </div>
                    </div>

                    <div class="box">
                        <div class="box-text">
                            <p>打开主窗口</p>
                            <p class="tab">按下该热键后打开 GH_ColorSel 主窗口</p>
                        </div>

                        <div class="set_input">
                            <el-input v-model="Hotkey.input_2" placeholder="请按下热键" disabled="true"></el-input>
                        </div>
                    </div>
                </div>

                <div class="page_box Advanced">
                    <h1 id="Advanced">高级设置</h1>
                    <div class="box">
                        <div class="box-text">
                            <p>内存优化</p>
                            <p class="tab">定期清理内存，减少不必要的内存占用</p>
                        </div>
                        <div class="set_switch">
                            <el-switch v-model="Advanced.RAM_OPTIMIZER" @change="Advanced_switch_click(1)"></el-switch>
                        </div>
                    </div>

                    <div class="box">
                        <div class="box-text">
                            <p>自动检测更新</p>
                            <p class="tab">实时保障 GH_ColorSel 总是为最新版本</p>
                        </div>
                        <div class="set_switch">
                            <el-switch v-model="Advanced.CHECK_UPDATE" @change="Advanced_switch_click(2)"></el-switch>
                        </div>
                    </div>
                    <p style="font-size:10px;margin-top:20px;margin-left:4px">提示：关闭窗口后会自动保存，某些设置需重启程序后才能生效</p>
                </div>
            </div>
        </div>
        <script src="js/set.js"></script>
    </body>
</html>